import React, { useState } from 'react'
import B from './B'

// 1. 使用 createContext() 创建 context【上下文】 对象
export let countContext = React.createContext();
export default function A() {
    //声明状态
    let [count,setCount] = useState(200);
    return (
        <div>
            {/* 2. countContext 对象 ，有一个内置的组件 Provider，来包裹所有的后代组件，并传递 value 属性  */}
            <countContext.Provider value={count}>
                这是A组件：{count}
                <B />
            </countContext.Provider>
        </div>
    )
}
